<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
		<li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">
            <!-- 头部 -->
            <div class="panel-body">
				<form ng-submit="searchRe()" class="form-horizontal">
                   	<div class="form-group">
                   		<div class="col-sm-2">
                   			<input type="text" class="form-control" placeholder="请输入用户ID" ng-model="param.supplyId">
                       	</div>
                       	
                   		<div class="col-sm-2">
                   			<input type="text" class="form-control" placeholder="请输入流量主名称" ng-model="param.companyName">
                       	</div>
                       	
                   		<div class="col-sm-2">
                   			<input type="text" class="form-control" placeholder="请输入联系人" ng-model="param.personName">
                       	</div>
                       	
                   		<div class="col-sm-2">
                           	<input type="text" class="form-control" placeholder="请输入联系方式" ng-model="param.mobile">
                       	</div>
                       	
                       	<div class="col-sm-2">
                           	<input type="text" class="form-control" placeholder="请输入行业类型" ng-model="param.companyType">
                       	</div>
                       	
                       	<div class="col-sm-2">
                   			<select class="form-control" ng-model="param.state">
                           		<option value="">--全部状态--</option>
                       			<option value="1">待审核</option>
                       			<option value="2">审核通过</option>
                       			<option value="3">审核失败</option>
                       		</select>
                       	</div>
                   	</div>
                   	
                   	<div class="form-group">
                   		<div class="col-sm-2">
                           	<input type="text" id="createStartTime" placeholder="请选择申请开始时间" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD', start: laydate.now(0, 'YYYY-MM-DD')})"/>
                       	</div>
						<div class="col-sm-2">
							<input type="text" id="createEndTime" placeholder="请选择申请结束时间" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD', start: laydate.now(0, 'YYYY-MM-DD')})"/>
						</div>
                       	
                   		<div class="col-sm-2">
                           	<input type="text" id="approveStartTime" placeholder="请选择审核开始时间" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD', start: laydate.now(0, 'YYYY-MM-DD')})"/>
                       	</div>

						<div class="col-sm-2">
							<input type="text" id="approveEndTime" placeholder="请选择审核结束时间" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD', start: laydate.now(0, 'YYYY-MM-DD')})"/>
						</div>

                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-primary" type="submit">查 询</button></label>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button type="button" class="ifc-btn btn-success" ng-click="approve('',2)" >批量通过</button></label>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button type="button" class="ifc-btn btn-danger"  ng-click="refuse('',3)" >批量失败</button></label>
                        </div>

                   	</div>
				</form>
            </div>

            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                    	<th><input type="checkbox" ng-click="selectAll($event)"/>全选</th>
                        <th>编号</th>
                        <th>流量主名称</th>
                        <th>平台名称</th>
                        <th>下载链接</th>
                        <th>类型</th>
                        <th>著作权</th>
                        <th>申请时间</th>
                        <th>审核时间</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.records">
                    	<td class="v-middle"><input type="checkbox" name="selected" ng-checked="isSelected(item.id)" ng-click="updateSelection($event,item)"/></td>
                        <td class="v-middle">{{$index + 1}}</td>
                        <td class="v-middle" title="{{item.supplyName}}">{{item.supplyName | limitTo:10}}</td>
                        <td class="v-middle" title="{{item.platformName}}">{{item.platformName | limitTo:10}}</td>
                        <td class="v-middle"><a target="_blank" href="{{item.downloadUrl}}" class="text-info">{{item.downloadUrl}}</a></td>
                        <td class="v-middle">
                        	<span ng-if="item.platformType==1">网站(PC&移动)</span>
                        	<span ng-if="item.platformType==2">APP</span>
                        </td>
                        <td class="v-middle">
                        	<!-- <span ng-if="item.industryQualification == null || item.industryQualification == ''"></span> -->
                        	<span ng-if="item.industryQualification != null && item.industryQualification != ''">
                        		<a ng-click="preview(item.industryQualification)" class="text-info">查看</a>
                        		<!-- <a target="_blank" href="{{item.industryQualification}}" class="text-info">点击查看</a> -->
                        	</span>
                        </td>
                        
                        <td class="v-middle">{{item.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                        
                        <td class="v-middle">
                            <span ng-if="item.state==2 || item.state==3">{{item.approveTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                            <span ng-if="item.state==1">-</span>
							<span ng-if="item.state==4">-</span>
                        </td>
                        
                        <td class="v-middle">
                            <span ng-if="item.state==1" class="text-danger">待审核</span>
                            <span ng-if="item.state==2" class="text-success">可用</span>
                            <span ng-if="item.state==3">审核失败</span>
                            <span ng-if="item.state==4">取消</span>
                        </td>

                        <td class="v-middle">
                            <button type="button" ng-if="item.state==1" ng-click="approve(item.id,2)" class="btn btn-sm btn-default m-l-xs">
                                <i class="fa fa-check m-r-xs text-sm"></i>通过</button>
                                
                            <button type="button" ng-if="item.state==1" ng-click="refuse(item.id,3)" class="btn btn-sm btn-default m-l-xs">
                                <i class="fa fa-ban m-r-xs text-sm"></i>拒绝</button>

							<button  type="button" ng-if="item.state!=4" ng-click="closeplf(item.id,4)" class="btn btn-sm btn-default m-l-xs" >
								<i class="fa fa-ban m-r-xs text-sm"></i>取消</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->
            
            <div class="cover" ng-show="firstApply">
         		<div class="firstApplyWrap noselect">
           			<div class="clear"><i class="iconfont closeBtn noselect" ng-click="firstApply=false">&#xe608;</i></div>
           			<div class="title">
           				<span ng-repeat="item in industryQualifications track by $index">
           					<a target='_blank' href='{{item}}'><img alt='' height='100' width='100' src='{{item}}'></a>
           					<!-- <img alt="" height="100" width="100" ng-repeat="item in industryQualifications track by $index" src="{{item}}"> -->
           				</span>
           			</div>
         		</div>
    		</div>

            <!-- 底部分页 -->
			<span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->

</div><!-- /.wrapper-md -->

<form id="saveRefuse">
	<div class="modal fade bs-example-modal-lg" tabindex="-1" data-backdrop="static" id="refusePlatfrom" role="dialog" aria-labelledby="gridSystemModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="gridSystemModalLabel">平台审核</h4>
				</div>
				<div class="modal-body">
					<p></p>
					<div class="row">
						<label class="col-sm-2 control-label text-right">拒绝原因:</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" name="approveFailReason" maxlength="60" placeholder="请输入拒绝原因" ng-model="platfromInfo.approveFailReason">
						</div>
					</div>
					<p></p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" ng-click="saveRefuse()">确定</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	</form>

<style>
	.cover {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.5);
	    z-index: 2000;
	    top: 0;
	    left: 0;
	    /* display: none; */
	}

  .firstApplyWrap{
    width: 550px;
    height:280px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    border-radius: 5px;
    overflow: hidden;
  }
  .firstApplyWrap .title{
    font-size: 18px;
    color:#333;
    padding:18px 86px 0 130px;
    text-align: center;
    line-height: 2em;
  }
  .firstApplyWrap .closeBtn,.finishData .closeBtn{
    font-size: 30px;
    padding:5px 20px 0 0;
    border-radius: 50%;
    color: #ccc;
    float: right;
    cursor: pointer;
  }
  .finishData .closeBtn{
    position: absolute;
    top:10px;
    right:10px;
  }
  .firstApplyWrap .bkgIcon{
    position: absolute;
    left: 54px;
    top:87px;
    font-size: 50px;
    color:#FFB136;
  }
  .firstApplyWrap .applyBtnWrap{
    position: absolute;
    bottom: -2px;
    width: 100%;
  }
  .firstApplyWrap .applyBtn{
    width: 50%;
    height:70px;
    line-height: 70px;
    background: #FFB135;
    font-size: 20px;
    text-align: center;
    color:#fff;
    cursor: pointer;
    float:left;
  }
  .firstApplyWrap .applyBtn:last-child{
    background: #5796FC;
  }
</style>